<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="../ResourceFile/favicon.ico" rel="shortcut icon">
    <link href="../ResourceFile/favicon.ico" rel="icon">
    <link href="../ResourceFile/favicon16x16.png" rel="icon " sizes="16x16">
    <link href="../ResourceFile/favicon32x32.png" rel="icon " sizes="32x32">
    <link href="../ResourceFile/android-chrome-192x192.png" rel="icon" sizes="192x192">
    <link href="../ResourceFile/android-chrome-512x512.png" rel="icon" sizes="512x512">
    <link href="../ResourceFile/touch-icon-iphone.png" rel="apple-touch-icon">
    <link href="../ResourceFile/touch-icon-ipad.png" rel="apple-touch-icon" sizes="72x72">
    <link href="../ResourceFile/touch-icon-iphone-retina.png" rel="apple-touch-icon" sizes="114x114">
    <link href="../ResourceFile/touch-icon-ipad-retina.png" rel="apple-touch-icon" sizes="144x144">
    <link href="https://cdn.bootcss.com/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	<link rel="stylesheet" type="text/css" href="../CSS/animate.min.css" />
	<link rel='stylesheet prefetch' href='http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css'>
    <title>欢迎来到ThoughtWork实验室</title>
	<link rel="stylesheet" type="text/css" href="../CSS/newFE.css">
</head>
<body>
	<div class="web">
        <div class="head">
                <h2>
                前端介绍
                </h2>
                <p>
                    前端即网站前台部分，运行在PC端，移动端等浏览器上展现给用户浏览的网页。随着互联网技术的发展，HTML5，CSS3，前端框架的应用，跨平台响应式网页设计能够适应各种屏幕分辨率，合适的动效设计，给用户带来极高的用户体验。
                </p>
                
        </div>
        <div class="container">
            <div class="htm">
                <div class="htm-pic">
                    <img src="../ResourceFile/htm.jpg" width="320px" height="320px">
                    <div class="hidden1">
                        <div class="white-border"></div>
                        <h3 class="title1">HTML</h3>
                        <a class="link" href="https://www.runoob.com/html/html-tutorial.html"><img src="../ResourceFile/link.png" width="25px" height="25px"></a>
                    </div>
                </div>
               
                <div class="htm-introduction">
                    <p>
                        超文本标记语言（标准通用标记语言下的一个应用，外语缩写HTML），是迄今为止网络上应用最为广泛的语言，也是构成网页文档的主要语言。HTML文本是由HTML命令组成的描述性文本，HTML命令可以说明文字、图形、动画、声音、表格、链接等。HTML的结构包括头部（Head）、主体（Body）两大部分，其中头部描述浏览器所需的信息，而主体则包含所要说明的具体内容。
                    </p>
                </div>
            </div>
            <div class="css">
                <div class="htm-pic">
                    <img src="../ResourceFile/css.jpg" width="320px" height="320px">
                    <div class="hidden1">
                        <div class="white-border"></div>
                        <h3 class="title1">CSS</h3>
                        <a class="link" href="https://www.runoob.com/css/css-tutorial.html"><img src="../ResourceFile/link.png" width="25px" height="25px"></a>
                    </div>
                </div>
               
                <div class="htm-introduction">
                    <p>
                        层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
                        CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。
                    </p>
                </div>
            </div>
            <div class="js">
                <div class="htm-pic">
                    <img src="../ResourceFile/js.jpg" width="320px" height="320px">
                    <div class="hidden1">
                        <div class="white-border"></div>
                        <h3 class="title1">JS</h3>
                        <a class="link" href="https://www.runoob.com/js/js-tutorial.html"><img src="../ResourceFile/link.png" width="25px" height="25px"></a>
                    </div>
                </div>
               
                <div class="htm-introduction">
                    <p>
                        JavaScript（简称“JS”） 是一种具有函数优先的轻量级，解释型或即时编译型的高级编程语言。虽然它是作为开发Web页面的脚本语言而出名的，但是它也被用到了很多非浏览器环境中，JavaScript 基于原型编程、多范式的动态脚本语言，并且支持面向对象、命令式和声明式（如函数式编程）风格。
                    </p>
                </div>
            </div>
            <div class="es6">
                <div class="htm-pic">
                    <img src="../ResourceFile/es6.jpg" width="320px" height="320px">
                    <div class="hidden1">
                        <div class="white-border"></div>
                        <h3 class="title1">ES6</h3>
                        <a class="link" href="https://es6.ruanyifeng.com/#README"><img src="../ResourceFile/link.png" width="25px" height="25px"></a>
                    </div>
                </div>
               
                <div class="htm-introduction">
                    <p>
                        ECMAScript 6（简称ES6）是于2015年6月正式发布的JavaScript语言的标准，正式名为ECMAScript 2015（ES2015）。它的目标是使得JavaScript语言可以用来编写复杂的大型应用程序，成为企业级开发语言 [1]  。
                            另外，一些情况下ES6也泛指ES2015及之后的新增特性，虽然之后的版本应当称为ES7、ES8等。
                    </p>
                </div>
            </div>
            <div class="react">
                <div class="htm-pic">
                    <img src="../ResourceFile/react.jpg" width="320px" height="320px">
                    <div class="hidden1">
                        <div class="white-border"></div>
                        <h3 class="title1">React</h3>
                        <a class="link" href="https://www.runoob.com/react/react-tutorial.html"><img src="../ResourceFile/link.png" width="25px" height="25px"></a>
                    </div>
                </div>
               
                <div class="htm-introduction">
                    <p>
                        React 是一个用于构建用户界面的 JAVASCRIPT 库,主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图），它起源于 Facebook 的内部项目，用来架设 Instagram 的网站，并于 2013 年 5 月开源，拥有较高的性能，代码逻辑非常简单，越来越多的人已开始关注和使用它。


                    </p>
                </div>
            </div>
            <div class="vue">
                <div class="htm-pic">
                    <img src="../ResourceFile/vue.png" width="320px" height="320px">
                    <div class="hidden1">
                        <div class="white-border"></div>
                        <h3 class="title1">Vue.js</h3>
                        <a class="link" href="https://www.runoob.com/vue2/vue-tutorial.html"><img src="../ResourceFile/link.png" width="25px" height="25px"></a>
                    </div>
                </div>
               
                <div class="htm-introduction">
                    <p>
                        Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
                    </p>
                </div>
            </div>
            <div class="node">
                <div class="htm-pic">
                    <img src="../ResourceFile/node.png" width="320px" height="320px">
                    <div class="hidden1">
                        <div class="white-border"></div>
                        <h3 class="title1">Node.js</h3>
                        <a class="link" href="https://www.runoob.com/nodejs/nodejs-tutorial.html"><img src="../ResourceFile/link.png" width="25px" height="25px"></a>
                    </div>
                </div>
               
                <div class="htm-introduction">
                    <p>
                        Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。Node 是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。
Node对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。
                    </p>
                </div>
            </div>
            
        </div>
    </div>
</body>
</html>